<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
  <head>
     <title>医生列表</title>
     <style>
	    body{margin:5px;background-color:#369;}
	    #main{background-image:url(<%=request.getContextPath() %>/images/bg/bg12.png);widtd:90%;margin:0 auto;min-height:800px;padding:0px 0px;}
       .a1{ text-align:center;color:blue;letter-spacing:10px;font-size:48px;font-family:华文行楷;line-height:120px;}
       .a1 span {color:red;} 
       img{height:80px;}
	 
	   .right{position:absolute;top:40px;right:0px;}
	   #nav{background-color:#330;line-height:40px;padding:0px 50px;font-size:14px}
	   #nav a{color:white}
	   #wall{padding:10px 50px;}
	   td{text-align:center;border:none;border-bottom:1px dashed black}
	   #pic{background-image:url(<%=request.getContextPath() %>/images/bg/bg14.jpg);width:500px;height:500px;margin:0 auto}
	 </style>
	 <script src="<%=request.getContextPath() %>/js/echarts.js"></script>
  </head>
  <body>
   <div id="main">
    
    <div id="wall">
	<h1 style="text-align:center">出诊量统计表</h1>
       <div id="pic">
	      
	   
	   </div>
	 </div>
	</div>
	
	<script type="text/javascript">
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('pic'));

      // 指定图表的配置项和数据
    option = {
	  title: {
		text: '出诊量Top10',
		subtext: '2021年',
		left: 'center'
	  },
	  tooltip: {
		trigger: 'item'
	  },
	  legend: {
		orient: 'vertical',
		left: 'left'
	  },
	  series: [
		{
		  name: 'Access From',
		  type: 'pie',
		  radius: '50%',
		  data: [
			{ value: 100, name: '张三' },
			{ value: 200, name: '王五' },
			{ value: 150, name: '刘洋' },
			{ value: 80, name: '李飞' },
			{ value: 300, name: '陈翔' }
		  ],
		  emphasis: {
			itemStyle: {
			  shadowBlur: 10,
			  shadowOffsetX: 0,
			  shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
		  }
		}
	  ]
	};
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    </script>
  </body>
</html>